<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>login.jsp</title>
<style>
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

#maintot{
	padding-top:30px;/*위에 칸을 띄우는 것*/
}
#mainbox{
	width:700px;
	height:700px;
	/*border:1px solid #faa719;*/
	margin:0 auto;
}
#top{
	width:100%;
	height:50px;
	color:#000000;
	font-size:37px;
	font-family: 'Nanum Gothic', sans-serif;
	
	text-shadow:1px 1px 1px #A4A4A4;
	font-weight: bolder;
	
}
#top2{
	border:3px solid #faa719;
}
#center{
	position:absolute;
	
}
#cent1{ /*로고 넣기*/
	width:300px;
	height:100px;
	/*border:1px solid #faa719;*/
	position:absolute;
	top:20px;
	left:130px;
	background-image:url(./image/hta.logo.jpg);
	background-repeat:no-repeat;
	background-size:100% 100%;
	
}
#centermain{/*테두리 넣기*/
	/*border:5px solid #faa719;*/
	position:absolute;
	width:690px;
	height:580px;
	top:50px
}

#main1{
	width:100%;
	padding-top:150px;/*위에 칸을 띄우는 것*/

}
#login{
	width:405px;
	height:190px;
	border:10px solid #faa719;
	border-top-right-radius:30px;
	border-bottom-right-radius:30px;
	border-top-left-radius:30px;
	border-bottom-left-radius:30px;
	margin:0 auto; /*박스를 가운데로 정렬*/
	margin-bottom: 50px;
	box-shadow:4px 3px 6px #dddddd;
}
#mid{
	margin-top:10px;
	margin-left:10px;
	margin-bottom:10px;
	width:225px;
	height:50px;
	
	font-family: 'Nanum Gothic', sans-serif;
	font-size:20px;
	color:#faa719;
	line-height:20px;
	box-shadow:4px 3px 6px #dddddd;
	border:2px solid #faa719;
}
#pwd{
	margin-left:10px;
	width:225px;
	height:50px;
	
	font-family: 'Nanum Gothic', sans-serif;
	font-size:20px;
	color:#faa719;
	box-shadow:4px 3px 6px #dddddd;
	border:2px solid #faa719;
}

#logbut{
	position:absolute;
	width:140px;
	height:123px;
	background-color: #faa719;
	font-family: 'Nanum Gothic', sans-serif;
	font-size:30px;
	color:#000000;
	top:8px;
	left:250px;
	border-top-right-radius:30px;
	border-bottom-right-radius:30px;
	border-top-left-radius:30px;
	border-bottom-left-radius:30px;
	box-shadow:4px 3px 6px #dddddd;
	border:1px solid #faa719;
	text-shadow:1px 1px 1px #DF7401;
}
#ga{
	margin-left:20px;
	margin-right:20px;
	background-color: #faa719;
	color:#000000;
	font-family: 'Nanum Gothic', sans-serif;
	width:100px;
	height:30px;
	font-size:15px;
}
#idbu{
	background-color: #faa719;
	width:100px;
	height:30px;
	color:#000000;
	font-family: 'Nanum Gothic', sans-serif;
	font-size:15px;
}
#pwdbu{
	background-color: #faa719;
	width:120px;
	height:30px;
	color:#000000;
	font-family: 'Nanum Gothic', sans-serif;
	font-size:15px;
}
#one{
	position:relative;
}
#ga,#idbu,#pwdbu{
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
	box-shadow:4px 3px 6px #dddddd;
	border:1px solid #faa719;
	text-shadow:1px 1px 1px #DF7401;
	font-weight: bolder;
	
}
</style>
</head>
<body>
<%
String sessionID=(String)session.getAttribute("mid");
%>


<div id='maintot'>
	<div id='mainbox'>
		<div id='top'>
			&nbsp;&nbsp;로 그 인
			<hr id='top2'>
		</div>
		<div id='center'>
			<div id='centermain'>
				<div id='cent1'><!-- 로고사진 -->
				</div>
				<div id='main1'>
					<div id='login'>
						
							<div id='one'>
							<form name='log' action='index.jsp?inc_contents=login_result.jsp' method='post'>
								<input type='text' id='mid' name='mid' placeholder=' 로그인'>
								<input type='password' id='pwd' name='pwd' placeholder=' 비밀번호'>
								<p/>
								<a href="./index.jsp?inc_contents=./register/register1.jsp"><input type='button' id='ga' value='회원가입'></a>
								<a href="./index.jsp?inc_contents=IdSearch.jsp"><input type='button' id='idbu' value='아이디 찾기'></a>
								<a href="./index.jsp?inc_contents=pawSearch.jsp"><input type='button' id='pwdbu' value='비밀번호 찾기'></a>
								<input type='submit' id='logbut' value='로그인'>
							</form>
							</div>
						
					 </div>
				<div>
			</div>
		</div>
	</div>
</div>
</body>
</html>